.login {
  display: flex;
  flex-direction: column;    // 垂直排列
  align-items: flex-start;   // 水平靠左，start 应该是 flex-start
  height: 100vh;             // 全屏高度
  width: 100vw;             // 改为 100vw，100vh 是高度单位
  padding: 200rpx 60rpx 60rpx 60rpx; // 页面内边距
  background: #fff;
  position: relative;        // 为绝对定位子元素提供参考
  box-sizing: border-box;    // 确保 padding 包含在高度内

  .welcome{
    font-size: 44rpx;
    color: $textPrimaryColor;
    font-weight: 700;
    letter-spacing: 2rpx;
  }

  .tips{
    font-size: $textSizeSmall;
    color: $textShallowColor;
    font-weight: 400;
    letter-spacing: 2rpx;
    margin-top: 10rpx;       // 添加一些间距
  }

  .logo{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200rpx;
    height: 200rpx;
    z-index: 10; // 提高 z-index 值

    .circle{
      width: 200rpx;
      height: 200rpx;
      border-radius: 200rpx;
      background-color: $primaryBackground;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .logoIcon{
      width: 80rpx;
      height: 80rpx;
    }
  }

  .bottom{
    position: absolute;      // 绝对定位
    bottom: 100rpx;          // 距离底部 60rpx，与 padding-bottom 一致
    left: 100rpx;            // 距离左边 60rpx，与 padding-left 一致
    right: 100rpx;           // 距离右边 60rpx，与 padding-right 一致
    width: calc(100% - 200rpx); // 计算宽度
    display: flex;
    flex-direction: column;    // 垂直排列
    align-items: flex-start;   // 水平靠左，start 应该是 flex-start
    z-index: 1; // 提高 z-index 值
    .toLogin{
      margin-top: 30rpx;
      border-radius: 48rpx;
      height: 80rpx;
    }

    .protocol{
      display: flex;
      flex-direction: row;    // 垂直排列
      align-items: flex-start;   // 水平靠左，start 应该是 flex-start
      margin-top: 20rpx;
      :root {
        --nutui-checkbox-label-color: #999999;
        // 未选中状态
        --nutui-checkbox-icon-border-color: #d6d6d6;   // 默认边框色
        --nutui-checkbox-icon-disabled-color: #f0f0f0; // 禁用状态颜色

        // 选中状态
        --nutui-checkbox-icon-color: #121214;          // 对勾颜色
        --nutui-checkbox-icon-active-background-color: #121214; // 选中背景色
        --nutui-checkbox-icon-active-border-color: #121214;     // 选中边框色
        --nutui-checkbox-button-background: #121214;
      }
      .secret,
      .tips,
      .user {
        color: #1890FF;
        font-size: 24rpx;
      }
    }
  }
}
